<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:composite="http://java.sun.com/jsf/composite">
    <composite:interface
        componentType="compositeCachedChildren">
    </composite:interface>

    <composite:implementation>
        <script type="text/javascript">
      jQuery(function() {
          var tabObj=document.getElementById("tabs-#{cc.clientId}");
          jQuery(tabObj).tabs();
      });
        </script>
        <div id="tabs-#{cc.clientId}">
            <ul>       
                <ui:repeat value="#{cc.cachedChildren}" var="child">
                    <li><a href="#tab-#{child.clientId}">#{child.attrs.title}</a></li>
                </ui:repeat>
            </ul>                      
            <composite:insertChildren/>
        </div>
    </composite:implementation>

</ui:composition>
